/* Global style */
.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.first {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.last {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.center {
    text-align: center;
}

.hide {
    display: none;
}

.reset {
    margin: 0;
    padding: 0
}

ul.reset {
    list-style: none
}

/* Icon */
.ui-icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: -999em 0;
    display: inline-block;
}
.ui-icon32 {
	width:32px;
	height:32px;
	background-repeat: no-repeat;
    background-position: -999em 0;
    display: inline-block;
}
/* Icon for menu */
.icon-menu {
    background-image: url(../images/icon-menu.png);
    margin-right: 8px;
}

.icon-dashboard {
    background-position: 0 -20px;
}

.icon-post {
    background-position: 0 -40px;
}

/* Icon for free */
.icon {
    background-image: url(../images/icon.png);
}

.icon-info {
    background-position: 0 0;
}

.icon-warning {
    background-position: 0 -20px;
}

.icon-error {
    background-position: 0 -40px;
}

.icon-success {
    background-position: 0 -60px;
}

.icon-edit {
    background-position: 0 -80px;
}

.icon-delete {
    background-position: 0 -100px;
}
/* Icon 32*/
.icon-article {
	
}
/*Icon Sorting*/
.icon-sorting-indicator {
    background-image: url(../images/icon-tb-sorting.png);
}

th.header .icon-sorting-indicator {
    background-position: 0 5px;
}

th.headerSortDown .icon-sorting-indicator {
    background-position: 0 -14px;
}

th.headerSortUp .icon-sorting-indicator {
    background-position: 0 -34px;
}

/* Notice */
.mes-infomation, .mes-warning, .mes-error, .mes-success {
    padding: 8px 10px 8px 36px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    position: relative;
    height: 1%;
}

.mes-infomation {
    background: #f7f9fb;
    border: 1px solid #c7daee;
}

.mes-warning {
    background: #fff8e6;
    border: 1px solid #fce098;
}

.mes-error {
    background: #fbf4f2;
    border: 1px solid #f4bca9;
}

.mes-success {
    background: #f7fcec;
    border: 1px solid #c9e19a;
}

/* Moi cai notice chi co 1 icon dai dien*/
.mes-infomation .ui-icon, .mes-warning .ui-icon, .mes-error .ui-icon, .mes-success .ui-icon {
    position: absolute;
    left: 10px;
    top: 8px;
}
/*Form error*/
.error {
	color:red;
	display:block;
}
/*Form datepicker */
.ui-datepicker {
	font-size:0.9em;
	background:#fff;
	border:1px solid #a0a39a;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.ui-datepicker-header {
	background:#e5e7e0;
	padding:8px 0;
	position:relative;
}
.ui-datepicker-prev, .ui-datepicker-next {
	position:absolute;
	top:8px;
	display:block;
	cursor:pointer;
}
.ui-datepicker-prev {
	left:10px;
}
.ui-datepicker-next {
	right:10px;
}
.ui-datepicker-title {
	text-align:center;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Lucida Bright"
}
.ui-datepicker-calendar {
	margin:0;
}
.ui-datepicker-calendar th {
	background:#fff;
	border:0;
}
.ui-datepicker-calendar th, .ui-datepicker-calendar td {
	border-bottom:0;
	padding:1px;
}
.ui-state-default {
	display:block;
	padding:4px 6px;
}
.ui-state-highlight {
	background:#fbefd1;
	color:#f6a526;
}
/* Breadcrumbs */
.breadcrumbs .home {
    font-weight: bold;
}

.breadcrumbs .separator {
    background-position: -16px -20px;
}

/*Page nav*/
.page-nav {
    border: 1px solid #cdd3c3;
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.page-nav a {
    display: inline-block;
    padding: 3px 6px;
    color: #7f7f7f;
    background-color: #fff;
    background-image: -moz-linear-gradient(100% 100% 90deg, #f7f7f7, #fff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7));
	background-image: -webkit-linear-gradient(top, #fff, #f7f7f7);
	float:left;
	border-right:1px solid #cdd3c3;
}
.page-nav a:hover {
	background:#e1f0c8;
	color:#333;
}
.page-nav a.current {
	background:#fbf5f1;
	color:#ff8033;
}
.page-nav .first-page, .page-nav .last-page {
	font-weight:bold;
}
.page-nav .first-page:hover, .page-nav .last-page:hover {
	background:#f2f4ee;
}
.page-nav .last-page {
	border-right:0;
}
/* Button */
.ui-button {
	border:1px solid #b7bcaf;
	color:#5c5c5c;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:4px 12px 3px;
	background-color:#fff;
	background-image: -moz-linear-gradient(100% 100% 90deg, #ececec, #fff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ececec));
	background-image: -webkit-linear-gradient(top, #fff, #ececec);
	cursor:pointer;
	overflow:visible;
	font-weight:bold;	
}
.ui-button:hover {
	border-color:#9aa28e;
	-moz-box-shadow: 0 0 2px 0 #888;
	-webkit-box-shadow: 0 0 2px 0 #888;
}
.button-gray {
	background-color:#fff;
	background-image: -moz-linear-gradient(100% 100% 90deg, #dee0da, #f6f8f2);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f8f2), to(#dee0da));
	background-image: -webkit-linear-gradient(top, #f6f8f2, #dee0da);
}
/* Update */
.ui-bubble {
    font-size: 0.7em;
    color: #fff;
    background: #ff4e00;
    padding: 0 2px;
    -moz-border-radius: 2px;
}
